<template>
  <div class="pagetitle-warp">
    <h1 class="title">{{title}}</h1>
    <div class="pagetitle-operate">
      <slot name="operate"></slot>
    </div>
  </div>
</template>

<script setup>
import { defineProps } from 'vue'
let props = defineProps(['title'])
let { title } = props

</script>

<style scoped>
.pagetitle-warp {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.title {
  font-size: var(--settingTitleFontSize);
}
</style>
